<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="/css/shopping.css">
    <link rel="stylesheet" href="/libs/icon/iconfont.css">
</head>
<body>
    <header></header>
    <div class="contain">
        <div class="contain-con">
            <div class="shop-car">
                <h3>购物车</h3>
                <div class="shop-car-box" id="shopping_car">
                    <div class="shopBox">
                        <div class="nav-shop">
                            <div>
                                <span class="checkBox">
                                    <input type="checkbox" id="all-check">
                                    <a href="">全选</a>
                                </span>
                                <span>商品</span>
                                <span>金额</span>
                                <span>数量</span>
                                <span>小计</span>
                                <span>操作</span>
                            </div>
                        </div>
                        <div class="body-shop" id="shop-list">
                            <script type="text/html" id="cartTemplate">
                                <div class="body-sl">
                                    <div class="sl-all float_left">全部商品（<i id="all-shops"></i>）</div>
                                    <div class="sl-img">
                                        <img src="/images/manjian_03.jpg" alt="">
                                    </div>
                                    <p class="sl-ac float_right">全场满<i>￥119</i>免运费</p>
                                </div>
                                <ul class="shop-goods">
                                    {{each cart shop}}
                                    <li  data-id="{{shop.id}}" class="sg-list clear_fix">
                                        <div class="check-list float_left">
                                            <input type="checkbox" class=" dom_center checks" {{ shop.checked && 'checked' }}>
                                        </div>
                                        <div class="list-con float_left">
                                            <a href="/html/details.html?id={{shop.id}}" class="l-img float_left">
                                                <img src="{{shop.imgs[0]}}" alt="">
                                            </a>
                                            <div class="l-produce float_left">
                                                <a href="/html/details.html?id={{shop.id}}">
                                                    {{shop.content}}</a>
                                                <i>{{shop.kinds}}</i>
                                            </div>
                                            <span class="gl-price float_left">￥ {{shop.acPrice}}</span>
                                            <div class="shop-btn float_left">
                                                <div class="l-btn dom_center">
                                                    <span class="reduce">-</span>
                                                    <span class="num">{{shop.count}}</span>
                                                    <span class="add" >+</span>
                                                </div>
                                            </div>
                                            <div class="l-total float_left">
                                                ￥<span class="l-price"> {{(shop.acPrice*shop.count).toFixed(2)}}</span>
                                            </div>
                                            <div class="l-user deleteBtn  float_left" >
                                                &Chi;
                                            </div>
                                        </div>
                                    </li>
                                    {{/each}}
                                </ul>
                                    
                                <div class="list-all">
                                    <div class="list-all-con float_left">
                                        <span class="all-check float_left">
                                            <input type="checkbox" class="checks" id="all-check2">
                                            <a href=""  >全选</a>
                                        </span>
                                        <div class="check-num float_left">
                                            已选择 <i id="Paynum"></i> 件商品
                                        </div>
                                        <div class="total-num float_right">
                                            <span>以享受优惠  |</span>
                                            <span>合计
                                                <i>￥</i>
                                                <i id="Paymoney"></i>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="list-all-btn float_right">
                                        结算
                                    </div>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>
                <div class="list-empty" id="cart-empty">
                    <div class="empty-car dom_center">
                        <i class="iconfont icon-che1"></i>
                        <p>购物车还是空的,<a href="/html/list.html">去逛逛></a></p>
                    </div>
                </div>
            </div>
            <div class="hot-goods">
                <div class="hot-goods-con">
                    <h3>编辑推荐</h3>
                    <ul class="hot-goods-box clear_fix" id="goodsList">
                        
                    </ul>
                    <script type="text/html" id="goodsTemplate">
                        {{each list item}}
                        <li class="hot-goods-list" >
                            <a href="/html/details.html?id={{item.id}}" target="_blank">
                                <img src="{{item.src}}" alt="">
                            </a>
                            <div class="produce">
                                <span>{{item.active}}</span>
                                <a href="">{{item.content}}</a>>
                            </div>
                            <em>￥{{item.price}}</em>
                        </li>
                        {{/each}}
                    </script>
                </div>
            </div>
        </div>
    </div>
    <!-- 服务模块 -->
    <div id="float-box" class="float-box"></div>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/shopping"></script>
</body>
</html>